Octotree を使って GitHub のコードをブラウザでツリー表示しよう！（遷移も楽らく！）

GitHubを見る機会はとても多いです。仕事でも使ってますし、各公式のリポジトリを見たり、OSSライブラリなどがあったりしますね。 そんなGitHubですが、次のようなことって多いと思います。

• あのファイルどこかなー
  • フォルダを選択して画面遷移
  • フォルダを選択して画面遷移
  • フォルダを選択して画面遷移
  • ファイルを選択して表示
  • 目的のファイルじゃないのでフォルダを戻る……

地味に手間だしめんどくさいですよね。操作回数や微妙な遷移待ち時間とか……。そこで思うのです。「ツリー表示できたらなぁ」と。

「ツリー表示できるんです。そう、Octotreeなら。」

• Octotree

Octotreeとは

簡単に言えば「GitHubをツリー表示できるサービス（ブラウザ拡張）」です。

• GitHubのコードをツリー表示できる
• ファイル名で検索ができる
• 常時表示ができる
• リポジトリやファイルなどをブックマークできる
• など

GitHubのコードをツリー表示できる

マウスカーソルをブラウザの端に置くと、スッと表示されます。ファイルをポチっと選択すれば、そのファイルが開きます。これは嬉しいですね！

プライベートリポジトリで使う場合は、アクセストークンが必要です。

• Octotree Setting Access Token | GitHub README

ファイル名で検索ができる

任意のファイル名を検索できます。見たいファイルが分かっている場合や機能名で検索すると便利そうです。

常時表示ができる

通常時は横からスッとスライドして現れ、マウスカーソルが離れると隠れますが、常時表示もできます。

リポジトリやファイルなどをブックマークできる

リポジトリなどの右側にあるアイコンをポチッと押すと、ブックマーク登録できます。

そして、ブックマーク一覧を表示できます。ポチッと選択すれば飛びます！！！

ブックマークできる対象は下記です。

• リポジトリ
• プルリクエスト
• Issues
• ファイル

なお、無料版だとブックマーク数の上限は20個です（Pro版は無制限）。

対応ブラウザ

主要なブラウザで使えます。

• Octotree - Chrome ウェブストア
• Octotree – Get this Extension for ? Firefox (en-US)
• Octotree extension - Opera add-ons
• ‎Octotree Pro on the Mac App Store

さいごに

GitHubライフがもっと楽しく便利になりそうですね。Proバージョンも年間35ドルと高くはないので、必要に応じてご検討ください。

参考

• Octotree
• ovity/octotree: GitHub on steroids